//头部下拉导航
$('#nav').click(function(){
    $('#sidebar ul').slideToggle(100)
});
$('.content .center .address .express').click(function(){
    $('.content .center .address ul').slideToggle(100).css('display','inline')
});

$('.content .center .address ul .gratis').click(function(){
    var A=$(this).text();
    $('.content .center .address .express').text(A);
    $('.content .center .address ul').css('display','none')
});
$('.content .center .address ul .ems').click(function(){
    var A=$(this).text();
    $('.content .center .address .express').text(A);
    $('.content .center .address ul').css('display','none')
});





$('.content .center .size ol li').click(function(){
    var F=0;
     F=$('.content .center .size ol li').index();
    $(this).eq(F).addClass('bor').siblings().removeClass('bor')
});

$('.content .center .classify div img').click(function(){
    var C=0;
    C=$('.content .center .classify div img').index();
    $(this).eq(C).addClass('first').siblings().removeClass('first')
});


var V=0;
$('#sidebar ul li').hover(function(){
    V=$(this).index();
    $('#bottom ol').eq(V).addClass('subnav').siblings().removeClass('subnav')
},function(){
    $('#bottom ol').removeClass('subnav')
});
$('#bottom ol').hover(function(){
    $('#bottom ol').eq(V).addClass('subnav').siblings().removeClass('subnav');
},function(){
    $('#bottom ol').removeClass('subnav')
});



$('.content .left ul li:eq(1),.content .left ul li:eq(2)').css('margin-left','20px');
$('.content .left ul li:eq(3)').css('margin','0 20px');

$('.content .left ul li').mousemove(function(){
   var url=$(this).children('img').attr('src') ;
    $(this).addClass('on').siblings().removeClass('on');
    $('.show img').attr('src',url);
    $('.big img').attr('src',url);
});
$('.content .center .classify .classify-panel img').click(function(){
    var urla=$(this).attr('src') ;
    $('.show img').attr('src',urla);
    $('.big img').attr('src',urla);
});


$('.show').mousemove(function(){
    var e=event||window.event;
    var X= e.clientX-$(this).get(0).getBoundingClientRect().left;
    var Y= e.clientY-$(this).get(0).getBoundingClientRect().top;
    var Left=X-110;
    var Top=Y-105;
    if(Left<0){
        $('.select').css('left',0);
        $('.big img').css('left',0);
    }else if(Left>200){
        $('.select').css('left',210);
        $('.big img').css('left',-440);
    }else {
        $('.select').css('left',Left);
        $('.big img').css('left',-Left*2);
    }
    if(Top<0){
        $('.select').css('top',0);
        $('.big img').css('top',0);
    }else if(Top>210){
        $('.select').css('top',220);
        $('.big img').css('top',-420);
    }else {
        $('.select').css('top',Top);
        $('.big img').css('top',-Top*2);
    }
});
$('.show').hover(function(){
    $('.select').fadeIn(50);
    $('.big').fadeIn(50);
},function(){
    $('.select').fadeOut(50);
    $('.big').fadeOut(50);
});


$('.content .center .quantity .num .add').click(function(){
    var i=parseInt($(this).siblings('input').val() );
    $(this).siblings('input').val(++i);
    colTotal();
});

$('.content .center .quantity .num .reduce').click(function(){
    var i=parseInt($(this).siblings('input').val() );

    if(i<=1){
        $(this).siblings('input').val(1);
    }else {
        $(this).siblings('input').val(--i);
    }
    colTotal();
});

$('.content .center .quantity .num input').change(function(){
    var re=/^[0-9]*$/;
    if(!(re.test($(this).val()))||$(this).val()<1){
        $(this).val(1)
    }
    colTotal();
});


$('.content .content-right ol li').click(function(){
    var i=0;
    var H=$('.content .content-right ul li').height();
    i=$(this).index();
    $(this).addClass('on').siblings().removeClass('on');
    $('.content .content-right ul').animate({top:-i*492})
});


//评价 问大家
$('.commodity .right-evaluate ol li').click(function(){
    var Z=0;
    Z=$(this).index();
    $(this).addClass('on').siblings().removeClass('on');
});

$('.commodity .right-evaluate .tips ul li').click(function(){
    var M=0;
    M=$(this).index();
    $(this).addClass('on').siblings().removeClass('on');
});



$('.commodity .right-evaluate .tips .sorting').click(function(){
    $('.commodity .right-evaluate .tips .drop-down').slideToggle(100).css('display','inline')
});

$('.commodity .right-evaluate .tips .drop-down .groom').click(function(){
    var I=$(this).text();
    $('.commodity .right-evaluate .tips .sorting span').text(I);
    $('.commodity .right-evaluate .tips .drop-down').css('display','none');
});
$('.commodity .right-evaluate .tips .drop-down .newly').click(function(){
    var I=$(this).text();
    $('.commodity .right-evaluate .tips .sorting span').text(I);
    $('.commodity .right-evaluate .tips .drop-down').css('display','none')
});

$('.commodity .right-evaluate .comment li .from-right .useful').click(function(){
    var I=$(this).parents('li').index();
    var F=$('.commodity .right-evaluate .comment li .from-right .figure').val();
    $('.commodity .right-evaluate .comment li .from-right .figure').eq(I).text(++F);
});

$('.commodity .right-evaluate .comment li .from-concent .suggest').click(function(){
    var L=$(this).parents('li').index();
    $('.commodity .right-evaluate .comment li .from-concent .shows').eq(L).toggle(500);

});


$('.commodity .right-evaluate ol li').click(function(){
    var Z=0;
    Z=$(this).index();
    $(this).addClass('on').siblings().removeClass('on');
});

//累计评价
$('.commodity .title-right li').click(function(){
    var Z=0;
    Z=$(this).index();
    $(this).addClass('on').siblings().removeClass('on');
});


$('.commodity .title-right li').click(function(){
    if($('.commodity .title-right .evaluate').hasClass('on')){
        $('.commodity .right-evaluate').css('display','inline');
        $('.commodity .introduce').css('display','none');
        $('.commodity .left ul').css('height','1160px')
    }else {
        $('.commodity .right-evaluate').css('display','none');
        $('.commodity .introduce').css('display','inline');
        $('.commodity .left ul').css('height','2340px')
    }
});


$('.commodity .introduce ul li:eq(1),.commodity .introduce ul li:eq(4),.commodity .introduce ul li:eq(7),.commodity .introduce ul li:eq(10),.commodity .introduce ul li:eq(13)').css('margin','0 114px 0 142px');


$('.commodity .right-evaluate .paginator span').click(function(){
    var M=0;
    M=$(this).index();
    $(this).addClass('on').siblings().removeClass('on');
});

$('.commodity .right-evaluate .paginator em').click(function(){
    var M=$('.commodity .right-evaluate .paginator .on').index();
    ++M;
    $('.commodity .right-evaluate .paginator span').eq(M).addClass('on').siblings().removeClass('on');
});




$('.content .center .buy .join').click(function(){
    var picture=$('.content .center .classify .classify-panel .first').attr('src');
    var describe=$('.content .center .syn').text();
    var price=$('.content .center .price-panel .left i .cost').text();
    var size=$('.content .center .size ol .bor').text();
    var Value=
    '<tr>'
    +'<td class="checkOne"><label><input type="checkbox"><i></i></label></td>'
        +'<td class="pro">'
        +'<a href="#"><img src="'+picture+'" alt="'+picture+'"></a>'
        +'</td>'
        +'<td class="summary"><a href="#">'+describe+'</a></td>'
    +'<td class="type">'
        +'<div>颜色分类：<span>蓝色</span></div>'
    +'<div>尺码：<span>'+size+'</span></div>'
    +'</td>'
    +'<td class="price">&yen; <span>'+price+'</span></td>'
    +'<td class="num">'
        +'<button class="reduce">-</button>'
        +'<input type="text" value="1">'
        +'<button class="add">+</button>'
        +'</td>'
        +'<td class="allPrice">&yen; <span>'+price+'</span></td>'
    +'<td class="delete">'
        +'<div>移入收藏夹</div>'
        +'<div class="delete-btn">删除</div>'
        +'</td>'
        +'</tr>';
    localStorage.setItem(describe,Value);
    alert('加入购物车成功');
});


